body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;

    .item {
        background-color: var(--ff);
        border-radius: .2rem;

        .title {
            background: #E5E8EC;
            border-radius: .2rem .2rem 0 0;
            padding: .24rem .3rem;
            .time {
                font-weight: 400;
                font-size: .24rem;
                color: var(--66);
            }

            .status {
                font-weight: 400;
                font-size: var(--default-font-size-28);
                color: var(--bd);
            }
        }

        .content {
            font-weight: 400;
            font-size: var(--default-font-size-26);
            color: var(--dcl);
        }

        .images {
            gap: .2rem;
            flex-wrap: wrap;
            padding-top: 0;
            & > img {
                width: 1.62rem;
                height: 1.62rem;
                border-radius: .14rem;
            }
        }

        .reply{
            background: #F6F8FA;
            border-radius: .20rem;

            .reply-title{
                font-weight: 400;
                font-size: var(--default-font-size-26);
                color: #12AAAB;
                margin-bottom: .12rem;
            }
            .reply-content{
                font-weight: 400;
                font-size: .24rem;
                color: #12AAAB;
            }
        }
    }

}